@media (min-width: 768px) {
	.navbar {
		border-radius: 0px !important;
	}
	.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0;
	}
	.dropdown-menu {
		background-color: #1010107a !important;
	}
	.dropdown-menu > li a {
		color: #fff;
	}
	.article-second .second-article-area .article-list-left {
		width: 80%;
	}
	.article-second .second-article-area .article-list-right {
		width: 100px;
	}
}

@media (max-width: 768px) {
	body {
		font-size: 14px;
	}
	.banner {
		height: 180px;
	}
	.nav{
		background-color: #004da1;
	}
	.navbar{
		background-color: #004da1;
	}
	.navbar-default .navbar-nav > li > a, 
	.navbar-default .navbar-nav > li > a:hover, 
	.navbar-default .navbar-nav > li > a:visited {
		color: #fff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{
		color: #fff;
	}	
	.navbar-nav {
		width: 100%;
		flex-flow: column nowrap;
		justify-content: space-around;
	}
	.icon-area .school-profile {
		height: 230px;
	}
	.icon-area .school-profile .content {
		-webkit-line-clamp: 7;
	}
	.icon-area .quick-icon div:not(:last-of-type) {
		height: 73px;
	}
	.icon-area .quick-icon div:last-of-type {
		height: 70px;
	}
	.single-article .hd .title span::after {
		right: -13px;
		border-top: 13px solid #fff;
		border-bottom: 13px solid #fff;
		border-left: 13px solid #01458e;
	}
	.single-article .article-tab .article-list {
		height: auto;
		flex-flow: column nowrap;
	}
	.single-article .article-tab .article-list li {
		margin-bottom: 0.5em;
		width: 100%;
	}
	.pic-art-area .bd .article-list .pic {
		width: 30%;
	}
	.pic-art-area .bd .article-list .content {
		width: 69%;
	}
	.top-icon .single-top-icon {
		font-size: 0.9em;
	}
	.article-h {
		height: auto;
	}
	.m_l__15 {
		margin-left: -15px;
	}
	.mobile_m_l_0 {
		margin-left: -15px;
	}
	.article-second .second-article-area .article-list-left {
		width: 70%;
	}
	.article-second .second-article-area .article-list-right {
		width: 90px;
	}
	.article-second .article-slide {
		margin-bottom: 1em;
	}
	/*.main{
		margin: 0;
	}*/
	.links-qr .links-select select {
		width: 40%;
		margin: 1em;
	}
	.top-icons {
		width: 100%;
	}
	.top-icons ul li{
		height: 90px;
	}
	.links-qr .block-top .bd ul {
		grid-template-columns: repeat(2, 1fr);
	}
}